<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Insert title here</title>

	<link rel="stylesheet" href="../../resources/css/plugins/Fancytree/ui.fancytree.css">
	<link href="../../resources/css/plugins/Fancytree/jquery-ui.css" rel="stylesheet" type="text/css">
	<script src="../../resources/js/jquery-2.1.1.js"></script>
	<script src="../../resources/js/jquery-ui-1.10.4.min.js"></script>
	<script src="../../resources/js/plugins/Fancytree/jquery.fancytree.js"></script>
	<script type="text/javascript">
				$(function(){
					$("#tree").fancytree({
						source: [ { "title": "Node 1", "key": "1" },
							{"title": "Folder 2","key": "2","folder": true,"children": [
								{ "title": "Node 2.1", "key": "3" },
								{ "title": "Node 2.2", "key": "4" }
							]}
						]
					});

				});
	</script>
</head>

<body class="example">
<div id="tree"></div>
</body>
</html>